<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>三张立体图轮播（兼容IE6）</title>
	 <link rel="stylesheet" type="text/css" href="css/home.css?v=2017">
</head>
<body>
	<div id="d_tab29">
        <ul class="d_img">            
            <li class="d_pos1">
                <img src="images/2.png" alt="三张立体图轮播（兼容IE6）" title="三张立体图轮播（兼容IE6）"/>
                <p class="one" style="display: block;">11111111</p>
            </li>
            <li class="d_pos3"><img src="images/3.png" alt="三张立体图轮播（兼容IE6）" title="三张立体图轮播（兼容IE6）"/>
                <p class="two" style="display: block;">2222222</p>
            </li> 
            <li class="d_pos5"><img src="images/4.png" alt="三张立体图轮播（兼容IE6）" title="三张立体图轮播（兼容IE6）"/>
                <p class="three" style="display: block;">3333333</p>
            </li> 
            <p style="position: absolute;bottom: 0;" class="all">2222222</p>
          </ul>   
        <ul class="d_menu">             
        </ul>
        <p class="d_prev"><img src="images/prevBtn.png" alt=""></p>
        <p class="d_next"><img src="images/nextBtn.png?v=2" alt=""></p>
    </div>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/jquery.DB_rotateRollingBanner.min.js?v=201544"></script>
<script type="text/javascript">
setInterval(function(){
    var left_arr = [];
    $('.d_img li').each(function(){    
        var left = $(this).position().left;
        left_arr.push(left);
    })
    for (var i = 0; i < left_arr.length; i++) {
            // console.log(i, left_arr[i]);
        if (left_arr[i] == 279) {
            var text = $('.d_img li').eq(i).find('p').text();
            $('.all').text(text);
        }
    }
}, 100)

$('#d_tab29').DB_rotateRollingBanner({
        key:"c37080",            
        moveSpeed:200,           
        autoRollingTime:3500      
}); 
</script>

</html>